<template>
    <!--底部copyright-->
    <div class="copyright">
        <div class="concat-right-wrap">
            <div class="concat-tel">24小时客服热线<br />400-000-0000</div>
            <div class="channel-wrap">
                <i></i>
                <i></i>
                <i></i>
            </div>
        </div>
        <div class="footer-left-wrap">
            <div class="logo"></div>
            <div class="about-link-wrap">
                <a>网站首页</a>
                <a>帮助中心</a>
                <a>联系我们</a>
                <a>隐私政策</a>
                <a>网站地图</a>
                <a>意见反馈</a>
            </div>
            <div class="copyright-wrap">
                Copyright © CAIXIN, All Rights Reserved. 助力你的财经人生
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: 'copyright',
    components: {
        /**/
    },
    props: {
        module: {
            type: String,
            default: () => {
                return 'all'
            }
        }
    },
    data() {
        return {
            account: ''
        };
    },
    watch: {
        /**/
    },
    mounted() {
        /**/
    },
    methods: {
        /**/
    }
};
</script>
<style scoped lang="scss">
.copyright {
    position: relative;
    height: 160px;
    .concat-right-wrap {
        float: right;
        margin: 50px 0 0;
        font-family: '微软雅黑';
        font-weight: 400;
        font-size: 14px;
        .concat-tel {
            float: left;
            margin: 6px 60px;
            color: #999;
        }
        .channel-wrap {
            display: flex;
            i {
                display: block;
                width: 50px;
                height: 50px;
                margin-right: 10px;
                border-radius: 50%;
                background: rgba(228, 228, 228, 1);
            }
        }
    }
    .footer-left-wrap {
        width: 60%;
        padding: 40px;
        font-size: 14px;
        .logo {
            float: left;
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin-right: 20px;
            border-radius: 50%;
            font-size: 13px;
            color: #fff;
            background: url("../assets/image/logo.png") no-repeat;
            background-size: cover;
            text-align: center;
        }
        .about-link-wrap {
            display: flex;
            margin: 18px 0 8px;
            a {
                margin-right: 15px;
                color: rgb(153, 153, 153);
                cursor: pointer;
            }
            a:hover {
                color: rgb(102, 102, 102);
                text-decoration: none;
            }
        }
        .copyright-wrap {
            color: rgb(204, 204, 204);
        }
    }
}
</style>
